<template>
<uni-shadow-root class="partials-image_link-popimage-popimage"><template name="popimage">
   <view :style="'display:'+(display)">
      <view class="bg"></view>
      <view class="close" @click="closeFun" :data-url="jsonData.imageUrl">x</view>
      <view class="concent">
            <image :data-imageUrl="jsonData.imageUrl" mode="aspectFit" :src="jsonData.imageUrl" :data-link="jsonData.linkUrl" :data-url="jsonData.imageUrl" @click="tolinkUrl" @longpress="saveImageToLocal"></image> 
      </view>
   </view>
</template></uni-shadow-root>
</template>

<script>

global['__wxRoute'] = 'partials/image_link/popimage/popimage'

Component({})

export default global['__wxComponents']['partials/image_link/popimage/popimage']
</script>
<style platform="mp-weixin">
.bg{
  position: fixed;
  width:100%;
  height: 100%;
  top:0;
  left: 0;
  background: #000;
  opacity:0.6;  
  -moz-opacity:0.6;
  -khtml-opacity: 0.6;
  z-index:1000;
}
.concent{
  width:700rpx;
  position:fixed;
  top:50%;
  height:730rpx;
  left:50%;
  z-index:1001;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:center;
  margin-left:-350rpx;
  margin-top:-400rpx;
}
.concent image{
  width: 100%;
  height: 100%;
}


.close{
 position:fixed;
  bottom:50rpx;
  right:50%;
  width:70rpx;
  height:70rpx;
  border-radius:50rpx;
  border:1px solid white;
  color:#fff;
  line-height:65rpx;
  text-align:center;
  z-index:1002;
  margin-right:-35rpx;
  font-size:40rpx;
}
</style>